<template>
  <div class="demo">
    <div class="demo-title">图标按钮</div>
    <div class="demo-content">
      <Tag color="#55acee">
        <template #icon><TwitterOutlined /></template>
        Twitter
      </Tag>
      <Tag color="#cd201f">
        <template #icon><YoutubeOutlined /></template>
        Youtube
      </Tag>
      <Tag color="#3b5999">
        <template #icon><FacebookOutlined /></template>
        Facebook
      </Tag>
      <Tag color="#55acee">
        <template #icon><LinkedinOutlined /></template>
        LinkedIn
      </Tag>
    </div>
  </div>
</template>

<script lang="ts" setup>
  import {
    TwitterOutlined,
    YoutubeOutlined,
    FacebookOutlined,
    LinkedinOutlined,
  } from '@ant-design/icons-vue';
  import Tag from '@sscd/tag';
</script>
